<!--导航组件-->
<template>
	<div>
		<div @click="jifen" href="###" class="one">
		</div>
		<div @click="tongcheng" href="###" class="two">
			<p>新鲜美味限量抢</p>
		</div>
		<div href="###" class="two">
			<p>新鲜美味限量抢</p>
		</div>
	</div>
</template>

<script>
	export default{
		name:'Navigation',
		data:function(){
			return {
				jifen:function(){
					window.location.href='#/Market'
				},
				tongcheng:function(){
					window.location.href='#/City'
				}
			}
		}
	}
</script>

<style scoped>
	.one{
		width: 1280px;
		height: 500px;
		background:url(../../assets/image/226.png) no-repeat;			
		margin: auto;
	}
	.two{
		width: 1280px;
		height: 500px;
		background:url(../../assets/image/swiper_3.jpg) no-repeat;			
		margin:auto;
	}
	.two p{
		font-size: 70px;
		font-weight: bolder;
		color: white;
		text-align: center;
		padding-top: 220px;
	}
</style>